<template>
  <view class="container">
    <view class="content-card">
      <!-- <view class="title">{{ $t('privacy.title') }}</view> -->
      <view class="content">
        <view class="section">
          <view class="section-title">一、我们如何收集和使用您的信息</view>
          <text>
            我们收集您的信息主要是为了向您提供更好、更优、更个性化的服务。我们收集信息的方式如下： 1.
            您向我们提供的信息。当您注册账户及您在使用相关服务时，向我们提供的个人信息... 2.
            我们在您使用服务过程中收集的信息。我们会收集关于您使用的服务以及使用方式的信息，这些信息包括：设备信息、日志信息、位置信息等。
          </text>
        </view>

        <view class="section">
          <view class="section-title">二、我们如何共享、转让、公开披露您的个人信息</view>
          <text>
            我们不会与任何公司、组织和个人分享您的个人信息，但以下情况除外： 1. 在获取明确同意的情况下共享... 2.
            我们可能会根据法律法规规定，或按政府主管部门的强制性要求，对外共享您的个人信息...
          </text>
        </view>

        <view class="section">
          <view class="section-title">三、您的权利</view>
          <text> 您有权访问、更正、删除您的个人信息；改变您授权同意的范围；注销您的账户。 </text>
        </view>
        <!-- 您可以在此添加更多章节 -->
      </view>
    </view>
  </view>
</template>

<script setup>
  import { onReady } from '@dcloudio/uni-app'
  import { useI18n } from 'vue-i18n'

  const { t } = useI18n()

  onReady(() => {
    // 动态设置页面标题以支持国际化
    uni.setNavigationBarTitle({
      title: t('privacy.title')
    })
  })
</script>

<style lang="scss" scoped>
  .container {
    padding: 24rpx;
  }

  .content-card {
    background-color: white;
    border-radius: 16rpx;
    padding: 40rpx 30rpx;
  }

  .title {
    text-align: center;
    font-size: 36rpx;
    font-weight: bold;
    color: #333;
    margin-bottom: 40rpx;
  }

  .content .section {
    margin-bottom: 30rpx;
  }

  .content .section-title {
    font-size: 30rpx;
    font-weight: bold;
    color: #333;
    margin-bottom: 16rpx;
  }

  .content text {
    font-size: 28rpx;
    color: #666;
    line-height: 1.6;
    display: block; // 确保文本块能正确处理间距
  }
</style>
